:root {
   --liberty-navy: #1a2b4b;
   --liberty-blue: #3a5a8c;
   --liberty-accent: #3b82f6;
}

body {
   font-family: "Inter", sans-serif;
   -webkit-font-smoothing: antialiased;
}

.text-navy {
   color: var(--liberty-navy);
}

.bg-navy {
   background-color: var(--liberty-navy);
}

.page-fade {
   animation: fadeIn 0.6s ease-out both;
}

@keyframes fadeIn {
   from {
      opacity: 0.96;
      transform: translateY(2px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.nav-link-active {
   color: var(--liberty-navy) !important;
   border-bottom: 2px solid var(--liberty-navy);
}